<template>
	<view class="flex justify-between align-center padding text-grey margin-tb">
		<view class="flex align-center">
			<text class="iconfont icon-canju fs-90"></text>
			<text class="fs-90 margin-lr">/</text>
			<view class="">
				<view class="">
					{{ctit}}
				</view>
				<view class="">
					{{etit}}
				</view>
			</view>
		</view>
		<view class="" v-if="more">
			查看更多
			<text class="iconfont icon-gengduo-shuxiang margin-left-xs"></text>
		</view>
	</view>
</template>

<script>
	export default {
		name:"home-title",
		props: {
			ctit: {
				type: String,
				default: '本季推荐'
			},
			etit:{
				type:String,
				default:'Seasonal Recommend'
			},
			more:{
				type:Boolean,
				default:true
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.fs-90{
	font-size: 90upx;
}
.icon-gengduo-shuxiang{
	display: inline-block;
	transform: rotate(90deg);
}
</style>